<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width" />

  <title>resize</title>

  <style>
    html { height: 100%; }

    body {
      min-height: 100%;
      margin: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      background: white;
      font-family: sans-serif;
      text-align: center;
    }

    .illo {
      display: block;
      cursor: move;
      background: #FDB;
      border-radius: 8px;
      margin: 20px 2%;
      width: 46%;
    }
  </style>

</head>
<body>

<canvas class="illo"  width="200" height="200"></canvas>
<svg class="illo" width="200" height="200"></svg>

<script src="../../js/boilerplate.js"></script>
<script src="../../js/canvas-renderer.js"></script>
<script src="../../js/svg-renderer.js"></script>
<script src="../../js/vector.js"></script>
<script src="../../js/anchor.js"></script>
<script src="../../js/path-command.js"></script>
<script src="../../js/shape.js"></script>
<script src="../../js/ellipse.js"></script>
<script src="../../js/rect.js"></script>
<script src="../../js/group.js"></script>
<script src="../../js/dragger.js"></script>
<script src="../../js/illustration.js"></script>
<script src="resize.js"></script>

</body>
</html>
